<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>居中弹框02</title>
    <meta name="description" content="" />
    <meta name="kewords" content="" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <link rel="stylesheet" type="text/css" href="css/basic.css"/>
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  </head>
<body>
<!--居中弹窗02及js-->
<div class="pop_center">
    <div class="bg_pop"></div>
    <div class="pop_content">
        <h3>添加分组</h3>
        <p><em>请为新分组输入名称</em><input type="text" value="" /></p>
        <span><input class="w_per50 left c_im_green" type="button" value="确定" /><input class="w_per50 right bor_im_left c_im_red" type="button" value="取消" /></span>
    </div>
</div>
<script type="text/javascript">
$(function(){
    var w_h=$(window).height();
    var h_center=(w_h-$(".pop_content").height())/2;
    $(".pop_content").css({"top":h_center});
    $(".bg_pop").click(function(){
        $(this).parent().hide();
    })
})
</script>
<!--结束-->
</body>
 </html>